<template>
   <div class="mywallet" style="flex:1;">
     <scroller class="scroller" style="position:fixed;top:0;bottom:0px;left:0;right:0;">
        <wxc-minibar title="验证手机号">
        </wxc-minibar>
        <div class="testphone-top">
            <text class="top-txt">本次操作需要短信确认，请输入</text>
             <text class="top-txt pd-top">138******82 收到的短信验证码</text>
        </div>
        <div class="testphone-ipwrap">
            <text class="iptxt">验证码</text>
            <div class="ipwrap">
                 <input type="number" placeholder="填写验证码" class="input"/>
            </div>
           
            <text class="iptxt">获取验证码</text>
        </div>
        <button class="add-btn"><text class="add-txt">确认添加</text></button>
     </scroller>
    
</div>
</template>

<script>
const modal = weex.requireModule("modal");
const navigator = weex.requireModule("navigator");
import WxcMinibar from "@/components/modules/wxc-minibar/index.js"
import { getBaseUrl, serialize } from "@/utils/index.js";

export default {
	data() {
		return {
        }
	},

	components: {
		
		WxcMinibar

	},

	created() {
		this.baseURL = getBaseUrl(weex.config.bundleUrl, true);
	},

	
 
};
</script>

<style scoped>
.add-txt{
     color:#fff;
    font-size: 36px;
}
.add-btn{
    width: 686px;
    height:100px;
    background-color: #E53935;
   margin-top:100px;
    margin-left:32px;
    justify-content: center;
    align-items: center;
}
.testphone-ipwrap{
   padding-left:32px;
   padding-right:32px;
    height:112px;
    background-color: #fff;
    margin-top:24px;
}
.mywallet{
    background-color: #F5F5F5;
}
.testphone-top{
    width:750px;
    height:200px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
}
.top-txt{
    color:#666666;
    font-size: 32px;
    
}
.pd-top{
    padding-top:10px;
}
.testphone-ipwrap{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.input{
    width:320px;
    height:40px;
   
    font-size: 32px;
}
.ipwrap{
     width:320px;
    height:40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DCDCDC;
}
</style>
